<template>
    <div class="trade">
        <TradeTopKLine></TradeTopKLine>
        <QuickTrade></QuickTrade>
        <!-- <WatchStockList></WatchStockList> -->
        <TradeOrders></TradeOrders>
    </div>
</template>

<script setup>
import TradeTopKLine from '@/components/pageunit/trade/TradeTopKLine.vue';
import QuickTrade from '@/components/pageunit/trade/QuickTrade.vue';
// import WatchStockList from '@/components/pageunit/stock/WatchStockList.vue';
import TradeOrders from '@/components/pageunit/trade/TradeOrders.vue';
</script>

<style scoped lang="less">
.trade {
    --gap: 3.5vw;
    padding: var(--gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
</style>